---
image: /generated/articles-docs-enable-scss-enable-scss.png
title: enableScss()
slug: /enable-scss/enable-scss
crumb: "@remotion/enable-scss"
---

_available from v4.0.162_

A function that modifies the default Webpack configuration to make the necessary changes to support SASS/SCSS.

```ts twoslash title="remotion.config.ts"
import { Config } from "@remotion/cli/config";
import { enableScss } from "@remotion/enable-scss";

Config.overrideWebpackConfig((currentConfiguration) => {
  return enableScss(currentConfiguration);
});
```

If you want to make other configuration changes, you can do so by doing them reducer-style:

```ts twoslash title="remotion.config.ts"
import { Config } from "@remotion/cli/config";
import { enableScss } from "@remotion/enable-scss";

Config.overrideWebpackConfig((currentConfiguration) => {
  return enableScss({
    ...currentConfiguration,
    // Make other changes
  });
});
```

## See also

- [Source code for this function](https://github.com/remotion-dev/remotion/blob/main/packages/enable-scss/src/enable-scss.ts)
